$(document).ready(function(){
		var index=$(".imgsBox a").index($(".cur_img"));
   		$(".preImg").hover(function(){
			
			$(this).css({cursor:"url(/images/curLeft.cur),pointer"});
									})	
		$(".nextImg").hover(function(){
			$(this).css({cursor:"url(/images/curRight.cur),pointer"});
									})
		$(".preBtn").hover(function(){
			$(this).css({cursor:"pointer"});
									})
		$(".nextBtn").hover(function(){
			$(this).css({cursor:"pointer"});
									})	
		$(".preBtn").click(function(){
					setZindex();				
					$(".imgsBox").animate({left:"+=228px"},300,"linear",checkPos);
									})	
		$(".nextBtn").click(function(){
					setZindex();			
					$(".imgsBox").animate({left:"-=228px"},300,"linear",checkPos);		
									})
		function checkPos(){
			
			if(parseInt($(".imgsBox").css("left"))>30){					
						$(".imgsBox").animate({left:"30px"},300);
					}
			if(parseInt($(".imgsBox").css("left"))<-(parseInt($(".imgsBox").css("width"))-584)){					
					$(".imgsBox").animate({left:-(parseInt($(".imgsBox").css("width")))+584+"px"},300);			
					}	
		}
		$(".imgsBox a").click(function(){
				    index=$(".imgsBox a").index($(this));
					$(".imgBox img").attr("src",$(this).find("img").attr("src"));
					showImg();
					$(".cur_img").removeClass("cur_img");
					$(this).addClass("cur_img");
									   })
		$(".preImg").click(function(){
					setZindex();
					if(index>0){
						index-=1;
					}
					$(".imgBox img").attr("src",$(".imgsBox img").eq(index).attr("src"));
					showImg();
					if(parseInt($(".imgsBox").css("left"))<30){					
					$(".imgsBox").animate({left:"+=114px"},300,"linear",checkPos);		
					}
					$(this).css({"z-index":"303"});
					$(".nextImg").css({"z-index":"304"});
					$(".cur_img").removeClass("cur_img");
					$(".imgsBox a").eq(index).addClass("cur_img");
									})
		$(".nextImg").click(function(){
					setZindex();
					if(index<$(".imgsBox a").length-1){
						index+=1;
					}
					$(".imgBox img").attr("src",$(".imgsBox img").eq(index).attr("src"));
					showImg();
					if(parseInt($(".imgsBox").css("left"))>-(parseInt($(".imgsBox").css("width"))-584)){						
					$(".imgsBox").animate({left:"-=114px"},300,"linear",checkPos);			
					}
					$(".preImg").css({"z-index":"303"});
					$(this).css({"z-index":"304"});
					$(".cur_img").removeClass("cur_img");
					$(".imgsBox a").eq(index).addClass("cur_img");
									})
		function setZindex(){
			$(".preBtn").css({"z-index":"300"});
			$(".nextBtn").css({"z-index":"301"});
		}
		function showImg(){
			$(".imgBox img").css({display:"none"});
			$(".imgBox img").fadeIn();	
		}
})